<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="../js/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp">

    <div ng-controller="DemoController">
        {{ name | uppercase}}
    </div>

    <div ng-controller="DemoController2">
        {{name}}
    </div>

    <div ng-controller="DemoController3">
        {{123.45678|number:2}}<br/>
        {{12312312323.45678|currency}}<br/>

        {{ today | date:'medium' }}<br/><!-- Aug 09, 2013 12:09:02 PM -->
        {{ today | date:'short' }}<br/><!-- 8/9/1312:09PM -->
        {{ today | date:'fullDate' }}<br/><!-- Thursday, August 09, 2013 -->
        {{ today | date:'longDate' }}<br/><!-- August 09, 2013 -->
        {{ today | date:'mediumDate' }}<br/><!-- Aug 09, 2013 -->
        {{ today | date:'shortDate' }}<br/><!-- 8/9/13 -->
        {{ today | date:'mediumTime' }}<br/><!-- 12:09:02 PM -->
        {{ today | date:'shortTime' }}<br/><!-- 12:09 PM -->

        <!--年份格式化-->
        {{ today | date:'yyyy' }} <br/><!-- 2013 -->
        {{ today | date:'yy' }} <br/><!-- 13 -->
        {{ today | date:'y' }}<br/> <!-- 2013 -->
        <!--月份格式化-->
        {{ today | date:'MMMM' }}<br/> <!-- August -->
        {{ today | date:'MMM' }} <br/><!-- Aug -->
        {{ today |date:'MM' }} <br/><!-- 08 -->
        {{ today |date:'M' }} <br/><!-- 8 -->
        <!--日期格式化-->
        {{ today|date:'dd' }} <br/><!-- 09 -->
        {{ today | date:'d' }} <br/><!-- 9 -->
        {{ today | date:'EEEE' }} <br/><!-- Thursday -->
        {{ today | date:'EEE' }} <br/><!-- Thu -->
        <!--小时格式化-->
        {{today|date:'HH'}} <br/><!--00 24小时-->
        {{today|date:'H'}} <br/><!--0-->
        {{today|date:'hh'}} <br/><!--12个小时-->
        {{today|date:'h'}} <br/><!--12-->
        <!--分钟格式化-->
        {{ today | date:'mm' }} <br/><!-- 09 -->
        {{ today | date:'m' }} <br/><!-- 9 -->
        <!--秒数格式化-->
        {{ today | date:'ss' }}<br/> <!-- 02 -->
        {{ today | date:'s' }} <br/><!-- 2 -->
        {{ today | date:'.sss' }}<br/> <!-- .995 -->
        <!--上下午和时区-->
        上下午：{ today | date:'a' }} <br/><!-- AM -->
        {{ today | date:'Z' }} <br/><!--- 0700 -->
        <!--自定义-->
        {{ today | date:'MMMd, y' }} <br/><!-- Aug9, 2013 -->
        {{ today | date:'EEEE, d, M' }} <br/><!-- Thursday, 9, 8-->
        {{ today | date:'hh:mm:ss.sss' }} <br/><!-- 12:09:02.995 -->
    </div>

</div>
<script type="text/javascript">

    var app = angular.module("myApp",[]);
    app.controller('DemoController',function($scope){
        $scope.name = "zhangsan";
    });


    app.controller('DemoController2',['$scope','$filter',function($scope,$filter){
        $scope.name = $filter('lowercase')('App');
    }]);

    app.controller('DemoController3',function($scope){
        $scope.today = new Date();
    });




</script>
</body>
</html>